@gray-base:             #000;
@gray-darker:           #313131;
@gray-dark:             #616161;
@gray:                  #919191;
@gray-medium:           #c1c1c1;
@gray-light:            #e1e1e1;
@gray-lighter:          #f5f5f5;
@bg-color:              #fafafa;

@brand-primary:         #096;
@brand-success:         #70d445;
@brand-info:            #2db7f5;
@brand-warning:         #ff8a0c;
@brand-danger:          #e83d2c;


/* =========================== media =========================== */

@screen-xs-min:              480px;
@screen-sm-min:              768px;
@screen-md-min:              992px;
@screen-lg-min:              1200px;

@screen-xs-max:              (@screen-sm-min - 1);
@screen-sm-max:              (@screen-md-min - 1);
@screen-md-max:              (@screen-lg-min - 1);

.es-transition(@property:all,@time:.3s) {
  -webkit-transition: @property @time ease;
     -moz-transition: @property @time ease;
       -o-transition: @property @time ease;
          transition: @property @time ease;
}

a:hover, 
a:focus {
  color: @brand-primary;
}

.link-dark:hover,
.link-light:hover,
.link-white:hover,
.link-lighter:hover {
  color: @brand-primary !important;
}

.text-primary,
.color-primary {
  color: @brand-primary !important;
}

.btn-link {
  &:hover, 
  &:focus,
  &.focus, {
    color: @brand-primary;
  }
}

.btn-primary {
  border-color: darken(@brand-primary,10%);
  background-color: @brand-primary;
  &:hover,
  &:focus,
  &.focus,
  &.active {
    background-color: darken(@brand-primary,8%);
  }
}

// 组件
.nav.nav-tabs>li.active>a, 
.nav.nav-tabs>li:hover>a {
  border-color: @brand-primary;
  color: @brand-primary;
}

.nav.nav-tabs>li.active>a .text-muted, 
.nav.nav-tabs>li:hover>a .text-muted {
  color: @brand-primary;
}

// 组件
.nav-pills>li.active>a, 
.nav-pills>li.active>a:hover, 
.nav-pills>li.active>a:focus {
  background-color: @brand-primary;
}

.es-piece .piece-header {
  border-color: @brand-primary;
}

// 面包屑
.breadcrumb a:hover {
  color: @brand-primary;
}

.course-detail-header .course-data>li .dropdown-toggle:hover, 
.course-detail-header .course-data>li>a:hover {
  color: @brand-primary;
}

.es-tabs .tab-header>ul>li>a:hover {
  color: @brand-primary;
}

.class-serve>ul>li.active {
  background-color: @brand-primary;
}

.article-metas .metas-body .title a:hover {
  color: @brand-primary;
}

.media.media-number .media-body>a:hover {
  color: @brand-primary;
}

.media-hot-comment .comments-info p a,
.media-hot-comment .comments-info h5 a:hover {
  color: @brand-primary;
}

.class-signin .btn-signin {
  background-color: @brand-primary;
}

.sidenav .list-group .list-group-item.active {
  border-color: @brand-primary;
}

.sidenav .list-group .list-group-item.active>a {
  color: @brand-primary;
}

.dropdown-menu>li>a:hover {
  background-color: @brand-primary;
}

// 侧边栏
.es-bar-menu>ul>li.active, 
.es-bar-menu>ul>li:hover {
  background-color: @brand-primary;
}

// 分页
.pagination>.active>a, 
.pagination>.active>span, 
.pagination>.active>a:hover, 
.pagination>.active>span:hover, 
.pagination>.active>a:focus, 
.pagination>.active>span:focus {
  background-color: @brand-primary;
  border-color: @brand-primary;
}

.badge-primary {
  background-color: @brand-primary;
}

.es-filter  {
  .nav-sort>li>a {
    &:hover,
    &.active {
      background-color: @brand-primary;
    }
  }
  .filter label:hover {
    color: @brand-primary;
  }
}

.class-header.after .class-data>li>a:hover {
  color: @brand-primary;
}

.class-header .class-data>li .dropdown-toggle:hover {
    color: @brand-primary;
}

.progress-bar,.rank_num{
  background-color: @brand-primary;
}

.bar-task  {
  .bar-task-header,
  .bar-time-line>li:before{
    background-color: @brand-primary;
  }
  .bar-time-line>li .es-icon {
    color: @brand-primary;
  }
}

.nav-filter .nav-pills>li.dropdown>a:hover  {
  color: @brand-primary;
}

.dropdown-menu > .active > a, 
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.dropdown-menu>li>a:hover {
  background-color: @brand-primary;
}

.page-header .badge {
  background-color: @brand-primary !important;
}

.list-group-item.active > .badge, .nav-pills > .active > a > .badge {
  color: @brand-primary;
}